﻿<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'north',border:false" style="height: 170px; border-bottom-width: 1px; padding: 10px; font-size: 14px;">
        <a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="/Selector/ViewSingleDatagridSource" target="_blank">点击查看扩展代码</a>
        <a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="/Selector/ViewSelectorCssSource" target="_blank">点击查看扩展样式</a>
        <br />
        js依赖项：
        <br />
        [jquery.jdirk.js]、[jeasyui.extensions.dialog.sealed.sample.js]、[jeasyui.extensions.selector.base.js]

        <br /><br />
        css依赖项：
        <br />
        [jeasyui.extensions.selector.base.css]
    </div>
    <div data-options="region:'center',border:false,title:'此处仅显示“功能演示”选项卡所示功能基于本扩展的实现源码'" style="padding: 15px; font-size: 14px;">
        <a href="~/Demos/ExtensionDemos/Selector/SingleDatagridDemo.zip" target="_self">下载本扩展功能演示Demo</a>
        <br />
        <div style="font-size: 17px; font-weight: bold; margin-top: 15px;margin-bottom:10px;">
            扩展属性API<br />
            本扩展功能属于“二次封装”，用于快速创建和调用数据选择框。<br />
            其options属性支持 easyui-dialog 和 $.easyui.showDialog 的所有属性，并在此基础上扩展了[新的属性]，但这些[新的属性]仅在通过调用"$.easyui.showSelector.singleDatagrid()"方法时才有效。
        </div>
        <table class="tableAPI">
            <tr class="title">
                <td style="width:15%;">名称</td>
                <td style="width: 10%;">类型</td>
                <td>描述</td>
                <td style="width: 7%;">默认值</td>
            </tr>
            <tr>
                <td>selected</td>
                <td>String、Array 类型</td>
                <td>
                    表示已选项，可以是String类型（多个则以英文逗号相连），也可以是Array类型。
                </td>
                <td>null</td>
            </tr>
            <tr>
                <td>extToolbar</td>
                <td>Boolean 类型</td>
                <td>该属性表示是否向datagrid扩展工具条。</td>
                <td>false</td>
            </tr>
            <tr>
                <td>onEnter</td>
                <td>Function 类型</td>
                <td>
                    点击确定按钮触发的事件。<br />
                    该事件函数签名为 function (selected) { }，其中 this 指向当前 easyui-dialog 窗体的 DOM 对象，参数 selected 表示已选择的数据。
                    注意：selected，其数据类型取决于 datagrid 的 options 中 singleSelect 属性的值，若 singleSelect 为 true，则 selected 为 object，若 singleSelect 为 false，则 selected 为 array 。
                </td>
                <td>空</td>
            </tr>
            <tr>
                <td>datagridOptions</td>
                <td>JSON-Object 类型</td>
                <td>
                    表示选择框中 datagrid 的 options；
                </td>
                <td>空</td>
            </tr>
        </table>
    </div>
</div>
